<!doctype html>
<html lang="en" id="uc_mate_condition" v-cloak>
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <title>爱的约定</title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <link rel="stylesheet" href="lib/weui/dist/style/weui.min.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/uc_basicInfo.css">
    <link rel="stylesheet" href="css/uc_mate_condition.css">
</head>
<body>
<div class='common-header'>
    <div class='left'>
        <a href="javascript:history.back()">
            <i class='iconfont icon-left'></i>
        </a>
    </div>
    <div class="middle">
        择偶条件
    </div>
    <div class="right">
        <a v-on:click="save()">
            保存
        </a>
    </div>
</div>
<ul>
    <!--<li class="region">
        所在地区
        <div class="choose-place">

            <select v-model="region.cregion_id" v-on:change="loadArea('region.regionList',region.cregion_id)">
                <option v-for="item in region.cityList" v-bind:value="item.id">\{{item.name}}</option>
            </select>

            <select v-model="region.xregion_id">
                <option v-for="item in region.regionList" v-bind:value="item.id">\{{item.name}}</option>
            </select>
            
        </div>
    </li>-->
<!--     <li>
        性&nbsp;&nbsp;别
        <span>
            <span>\{{getName(sexList, req.sex)}}</span>
        </span>
        <select v-model="req.sex">
            <option v-for="item in sexList" v-bind:value="item.id">\{{item.name}}</option>
        </select>
    </li> -->
    <!--<li>
        籍&nbsp;&nbsp;贯
        <span>
            <input type="text" v-model="req.place" placeholder="请输入">
        </span>
    </li>-->
    <li>
        籍&nbsp;&nbsp;贯<em>*</em>
        <span>
            <span>\{{getName(placeList, req.place)}}</span>
        </span>
        <select v-model="req.place">
            <option v-for="item in placeList" v-bind:value="item.id">\{{item.name}}</option>
        </select>
    </li>
    <li class="region">
        年龄范围<em>*</em>
        <div class="choose-place">
            <select v-model="req.ageBegin">
                <option value="">请选择</option>
                <option v-for="age in ageArr" value="\{{age}}">\{{age}}</option>
            </select>

            <select v-model="req.ageEnd">
                <option value="">请选择</option>
                <option v-for="age in ageArr" value="\{{age}}">\{{age}}</option>
            </select>

        </div>
    </li>
    <li class="region">
        工资范围<em>*</em>
        <div class="choose-place">
            <select v-model="req.moneyBegin">
                <option value="">请选择</option>
                <option v-for="money in moneyArr" value="\{{money}}">\{{money}}</option>
            </select>

            <select v-model="req.moneyEnd">
                <option value="">请选择</option>
                <option v-for="money in moneyArr" value="\{{money}}">\{{money}}</option>
            </select>

        </div>
    </li>

    <li class="region">
        身高范围<em>*</em>
        <div class="choose-place">
            <select v-model="req.heightBegin">
                <option value="">请选择</option>
                <option v-for="height in heightArr" value="\{{height}}">\{{height}}</option>
            </select>

            <select v-model="req.heightEnd">
                <option value="">请选择</option>
                <option v-for="height in heightArr" value="\{{height}}">\{{height}}</option>
            </select>

        </div>
    </li>
</ul>
<div class="list">
    <p>婚姻状况<em>*</em><span>（可多选）</span></p>
    <span v-for="item in marriageList" v-bind:class="{'checked':isChecked(item)}" v-on:click="pick('marriageList',$index)">
        \{{item.name}}
    </span>
</div>
<div class="list">
    <p>学历范围<em>*</em><span>（可多选）</span></p>
    <span v-for="item in educationList" v-bind:class="{'checked':isChecked(item)}" v-on:click="pick('educationList',$index)">
        \{{item.name}}
    </span>
</div>
<div class="list">
    <p>所在组织<em>*</em><span>（可多选）</span></p>
    <div class="list1">
    <p>地区</p>
    <span v-for="item in cityList" v-bind:class="{'checked':isChecked(item)}" v-on:click="pick('cityList',$index)" v-if="item.code<'3612'">
        \{{item.name}}
    </span>
    </div>
    <div class="list1">
        <p>高校</p>
        <span v-for="item in cityList" v-bind:class="{'checked':isChecked(item)}" v-on:click="pick('cityList',$index)" v-if="item.code.length==6">
        \{{item.name}}
    </span>
    </div>
    <div class="list1">
        <p>省直</p>
        <span v-for="item in cityList1" v-bind:class="{'checked':isChecked(item)}" v-on:click="pick('cityList1',$index)">
        \{{item.name}}
    </span>
    </div>
</div>
</body>
<script>var app = 'uc_mate_condition';</script>
<script data-main="js/common/{{jsPath "require_config"}}" src="lib/requirejs/require.js"></script>
</html>